<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IT Assistant - 智能IT治理助手</title>
    {% load static %}
    <link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
    <nav class="navbar">
        <div class="logo">IT Assistant</div>
        <div class="nav-links">
            <a href="/dashboard/">仪表盘</a>
            <a href="/deepseek/chat/">AI助手</a>
            <a href="/admin/">管理中心</a>
            <a href="#features">功能特性</a>
        </div>
        <a href="/admin/" class="login-btn">开始使用</a>
    </nav>

    <section class="hero">
        <div class="hero-content">
            <h1>IT Assistant</h1>
            <p>智能IT治理与安全运维助手</p>
            <div class="cta-buttons">
                <a href="/deepseek/chat/" class="btn btn-primary">🚀 开始对话</a>
                <a href="/dashboard/" class="btn btn-secondary">📊 查看仪表盘</a>
                <a href="/admin/" class="btn btn-secondary">⚙️ 系统管理</a>
            </div>
        </div>
    </section>

    <section class="features" id="features">
        <div class="features-grid">
            <div class="feature-card">
                <div class="feature-icon">🤖</div>
                <h3>AI智能助手</h3>
                <p>基于DeepSeek的智能对话，解答IT问题，提供安全建议</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">📊</div>
                <h3>资产可视化</h3>
                <p>全方位展示系统资产、网络拓扑、安全态势</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">🔒</div>
                <h3>安全治理</h3>
                <p>基于NIST CSF的安全评估和合规管理</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">🌐</div>
                <h3>网络管理</h3>
                <p>IP地址段、网络设备、VPN统一管理</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">🔑</div>
                <h3>凭据安全</h3>
                <p>加密存储账号密码，确保访问安全</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon">📚</div>
                <h3>知识库</h3>
                <p>集中管理IT文档、流程和最佳实践</p>
            </div>
        </div>
    </section>

    <footer class="footer">
        <p>&copy; 2024 IT Assistant. 智能IT治理平台</p>
    </footer>

    <script src="{% static 'js/main.js' %}"></script>
</body>
</html>